<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    
    <ui:composition template="/WEB-INF/Template/Template.xhtml">
        <ui:define name="content">
            <h:form id="form">

                <p:calendar value="#{chartBean.debut}"  pattern="dd/MM/yyyy"  showWeek="true" label="Debut :" >
                </p:calendar>
                <p:calendar value="#{chartBean.fin}"  pattern="dd/MM/yyyy" showWeek="true" label="fin :" >
                </p:calendar>
                <p:commandButton update=":form:category1" value="Par Jour" ajax="false"/>
                <p:lineChart id="category1" value="#{chartBean.incidentsDate}" legendPosition="e" animate="true" xaxisLabel="Jours" yaxisLabel="Nombre Incidents" showMarkers="false" 
                             xaxisAngle="90"    title="Incidents Par Jours"  minY="0"  style="height:500px;margin-top:20px" zoom="true" datatipFormat="#{chartBean.datatipFormat}" /> 
            </h:form>
        </ui:define>
    </ui:composition>
</html>
